2

vue-cli3跨域配置:
在vue-resource的数据请求中,一般我们会将请求方式GET/POST修改为jsonp的请求方式就可以实现跨域。
但是对于只支持GET/POST两种请求方式的api,修改jsonp,就会出错。需要进行跨域的配置。
(1)
在文件根目录下,创建vue.config.js配置文件,具体配置如下:
module.exports={

//将baseUrl:'/api',改为baseUrl:'/'
baseUrl:'/',
devServer:{
    '/api':{
        target:'http://apis.juhe.cn/',
        changeOrigin:true,
        ws:true,
        pathRewrite:{
           '^/api':'' 
        }
         
    }
}}

(2)
在文件根目录下,创建.env.development 用作开发环境变量设置。
在.env.development文件下设置变量 VUE_APP_BASE_API=/api 即可将devServer的proxy重写的url赋值给VUE_APP_BASE_API

(3)
读取配置的变量,通过process.env.VUE_APP_XX(process.env.VUE_APP_BASE_API)来读取。


zs_staria
36 声望12 粉丝

月光啊,闪爆他们~ ~


« 上一篇
侧滑展开笔记
下一篇 »
vue-amap学习